import { getToken, removeToken, setToken } from '@/utils/auth'
import { getUserProfile, getUserProfileById } from '@/api/user'

export default {
  // 开启命名空间
  namespaced: true,
  state: {
    token: getToken() || '',
    userInfo: {}
  },
  mutations: {
    // 保存token
    setToken(state, newToken) {
      state.token = newToken
      // 将token持久化到cookie中
      setToken(newToken)
    },
    // 删除token
    removeToken(state) {
      state.token = ''
      // 清空cookie中的token
      removeToken()
      // 同时清除用户信息
      state.userInfo = {}
    },
    // 把获取的用户数据存储到vuex中
    updateUser(state, info) {
      state.userInfo = info
    }
  },
  actions: {
    // 获取用户数据
    async getUserInfo(context) {
      const res = await getUserProfile()
      // 获取用户基本信息
      const user = await getUserProfileById(res.data.userId)
      // console.log('res', res)
      // {...res,...user} 将两个对象合并为一个对象
      context.commit('updateUser', { ...res.data, ...user.data })
      // 返回用户的权限信息
      return res.data.roles.menus
    }
  }
}
